<%@ taglib uri="/struts-tags" prefix="s"%>


<script language="javascript">
var oTableGrilla;
$(document).ready(function() {

	oTableGrilla = $('#tbGrillaSolicitudes').dataTable({
		"bJQueryUI": true,
		"sPaginationType" : "full_numbers",
		"bFilter" : false,
		"bProcessing": true,
		"fnDrawCallback": function(oSettings){
		  $('table#tbGrillaSolicitudes td').bind('mouseenter', function () {
			   $(this).parent().children().each(function(){$(this).addClass('datatablerowhighlight');}); });
		  $('table#tbGrillaSolicitudes td').bind('mouseleave', function () { 
		  	   $(this).parent().children().each(function(){$(this).removeClass('datatablerowhighlight');}); });
		}
	});
	
		
	$('#tbGrillaSolicitudes tbody tr').live('click', function(e) {
		
		if ($(this).hasClass('row_selected')) {
			$(this).removeClass('row_selected');
		} else {
			oTableGrilla.$('tr.row_selected').removeClass('row_selected');
			$(this).addClass('row_selected');
		}
		
		var nTds = $('td', this);
		var numSolicitud = $(nTds[0]).text();
		var codigoArticulo = $(nTds[1]).text();
		var cantidadSolicitada = $(nTds[3]).text();
		$("#h_numSolicitud").val(numSolicitud);
		$("#h_codigoArticulo").val(codigoArticulo);
		$("#h_unidadesSolicitadas").val(cantidadSolicitada);
		
	});

} );

function reponer(){

	//TODO:
	//agregar llamada ajax para obtener la existencia actual del articulo a reponer
	
	$("#txt_unidadesSolicitadas").val($("#h_unidadesSolicitadas").val());
	
}

function registrarMovimiento(){
	
	parametros = {
			"numeroSolicitudRequisicion": $('#h_numSolicitud').val(),
			"codigoArticulo": $('#h_codigoArticulo').val()
		 };
	

	$.getJSON("/SolucionPresentacionWeb/compras/registrar-movimiento-reposicion.action", parametros, function(json){
		location.reload();
	});
	
}

</script>
<br />
<!-- Tabs -->

<div id="tabs">
	<ul>
		<li><a href="#tabs-1">Registrar Reposicion</a></li>
	</ul>
	<div id="tabs-1">
<table width="100%" border="0" cellspacing="1" cellpadding="3" id="formtb" bgcolor="#647251">
  <tr>
    <td>Numero Solicitud</td>
    <td><input type="text" readonly="readonly" value="<s:property value="solicitud.numeroSolicitud" />" /></td>
  </tr>
  <tr>
    <td width="21%">Departamento Solicitante</td>
    <td width="79%"><input type="text" readonly="readonly" value="<s:property value="solicitud.departamento" />" /></td>
  </tr>
  <tr>
    <td>Fecha Pedido</td>
    <td>
      <input type="text" readonly="readonly" value="<s:property value="solicitud.fechaPedido" />" /></td>
  </tr>
  <tr>
    <td>Fecha Entrega</td>
    <td>
      <input type="text" readonly="readonly" value="<s:property value="solicitud.fechaEntrega" />" /></td>
  </tr>
  <tr>
    <td>Prioridad</td>
    <td>
      <input type="text" readonly="readonly" value="<s:property value="solicitud.prioridad" />" /></td>
  </tr>
  <tr>
    <td>Tipo Solicitud</td>
    <td> 
      <input type="text" readonly="readonly" value="<s:property value="solicitud.tipoSolicitud" />" /></td>
  </tr>
    <tr>
    <td>Estado</td>
    <td> 
      <input type="text" readonly="readonly" value="<s:property value="solicitud.estado" />" /></td>
  </tr>

		  <tr>
		    <td colspan="2">&nbsp;</td>
	      </tr>
		  <tr>
		    <td colspan="2"><strong>Detalle</strong></td>
      </tr>
          		  <tr>
		    <td colspan="2">
		    <s:hidden name="h_numSolicitud" id="h_numSolicitud" />
		    <s:hidden name="h_codigoArticulo" id="h_codigoArticulo" />
		    <s:hidden name="h_unidadesSolicitadas" id="h_unidadesSolicitadas" />
		    	<input type="button" value="Reponer" class="button" onclick="reponer()" />
		    </td>
	      </tr>
		  <tr>
		    <td colspan="2"><table cellpadding="0" cellspacing="0" border="0" class="display" id="tbGrillaSolicitudes">
	<thead>
		<tr>
			<th>Numero Solicitud</th>
			<th>Codigo Articulo</th>
			<th>Descripcion Articulo</th>
			<th>Cantidad</th>
			<th>Estado Reposicion</th>
		</tr>
	</thead>
	<tbody>
	
	 <s:iterator value="detalleSolicitud">      
	 
	   <tr>
			<td><s:property value="numeroSolicitudRequisicion" /></td>
			<td><s:property value="codigoArticulo" /></td>
			<td><s:property value="nombreArticulo" /></td>
			<td><s:property value="cantidadArticulo" /></td>
			<td><s:property value="estadoReposicion" /></td>
		</tr>
	        
    </s:iterator>
    


	</tbody>
</table></td>
	      </tr>
		  <tr>
		    <td>Existencias Disponibles</td>
		    <td> 
		      <input type="text" id="txt_existencias" readonly="readonly" /></td>
      </tr>
		  <tr>
		    <td>Unidades Solicitadas</td>
		    <td> 
		      <input type="text" id="txt_unidadesSolicitadas" readonly="readonly" /></td>
      </tr>
		  <tr>
		    <td>&nbsp;</td>
		    <td>
		      <input type="button" value="Registrar Movimiento" class="button" onclick="registrarMovimiento()" />
		    </td>
      </tr>
		  <tr>
		    <td colspan="2"><input type="button" value="Salir" class="button" onclick="javascript:history.back()" /></td>
	      </tr>
      </table>


	</div>

</div>


